<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>檀木商城</title>
    <link href="css/mall_style.css" type="text/css" rel="stylesheet">
    <style>
        dt{
            margin: 0 15px;
            font-size:12px;
            font-weight: 600;
        }
        dd{
            font-size: 10px;
            line-height: 25px;
        }
        #leader{
            margin: 50px 0 0 0;
            height: 350px;
            width: 555px;
            background-image: url("img/leader.jpg");
            background-repeat: no-repeat;
        }
        a{
            color: grey;
            text-decoration: none;
            font-size: smaller;
        }
    </style>
</head>
<body>
<div id="top">
    <div style="float: right;width:700px;height:42px; margin: inherit;">
    <img src="img/mic.jpg">
    </div>
</div>
<div id="up_head">
   <div class="left">
        <img src="img/yigou.jpg">
   </div>
   <div class="right">
       <input type="text" style="height: 20px; width: 350px; margin-top: 40px">
       <input type="button"  value="宝贝搜索" style="height: 28px; width: 80px; margin: 40px 0 0 -8px;background-color:#74c13f;color: white">
   </div>
</div>
<div id="middle_head">
    <div style="margin: 0 auto; width:980px">
    <div class="up">
        <div class="left">
            <div style="height: 55px; width: 200px;margin-top: -3px">
               <img src="img/fenlei.jpg">
            </div>
            <dl style="margin: 0;">
                <dt><a href="#">木艺</a> </dt>
                <dd><a href="#">书香文房 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;佳品</a></dd>
                <dd><a href="#">佛件 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;美玉</a></dd>
                <dd><a href="#">木艺佛道</a></dd>
            </dl>
            <hr>
            <dl style="margin: 0;">
                <dt><a href="#"> 石艺</a></dt>
                <dd><a href="#">书香文房 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;佳品</a></dd>
                <dd><a href="#">佛件 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;美玉</a></dd>
                <dd><a href="#">木艺佛道</a></dd>
            </dl><br>
            <hr>
            <dl style="margin: 0;">
                <dt><a href="#"> 陶艺</a></dt>
                <dd><a href="#">书香文房 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;佳品</a></dd>
                <dd><a href="#">佛件 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;美玉</a></dd>
                <dd><a href="#">木艺佛道</a></dd>
            </dl><br>
            <hr>
        </div>
        <div class="center">
          <ul>
            <li><a href="#" style="font-size: medium;font-weight: 600">首页</a></li>
            <li><a href="#" style="font-size: medium;font-weight: 600">团购促销</a></li>
            <li><a href="#" style="font-size: medium;font-weight: 600">名师荟萃</a></li>
            <li><a href="#" style="font-size: medium;font-weight: 600">艺品驿站</a></li>
          </ul>
            <div id="leader">

            </div>
        </div>
        <div class="right">
            <img src="img/p_right.png">
        </div>
    </div>
    </div>
</div>
<div id="down_head">
     <div class="down_up">
         <div class="top">
              <img src="img/jingping.jpg">
              <p style="float: right;color: grey">查看更多>></p>
         </div>
         <div style="margin: 20px 0 0 35px ;height: 310px;width:200px;float: left">
             <div style="margin:0;height: 185px;width:200px">
                 <img src="img/p1.jpg">
             </div>
             <p><a href="#"> 极品岩茶正宗武夷特产&nbsp特级大红袍</a></p>
             <p style="color: #74c13f">商城价：￥58元 &nbsp;&nbsp;&nbsp;<input type="button" value="购买" style="background-color: #74c13f;color: white"></p>
         </div>
         <div style="margin: 20px 0 0 35px ;height: 310px;width:200px;float: left">
             <div style="margin:0;height: 185px;width:200px">
                 <img src="img/p2.jpg">
             </div>
             <p><a href="#"> 极品岩茶正宗武夷特产&nbsp特级大红袍</a></p>
             <p style="color: #74c13f">商城价：￥58元 &nbsp;&nbsp;&nbsp;<input type="button" value="购买" style="background-color: #74c13f;color: white"></p>
         </div>
         <div style="margin: 20px 0 0 35px ;height: 310px;width:200px;float: left">
             <div style="margin:0;height: 185px;width:200px">
                 <img src="img/p3.jpg">
             </div>
             <p><a href="#"> 极品岩茶正宗武夷特产&nbsp特级大红袍</a></p>
             <p style="color: #74c13f">商城价：￥58元 &nbsp;&nbsp;&nbsp;<input type="button" value="购买" style="background-color: #74c13f;color: white"></p>
         </div>
         <div style="margin: 12px 0 0 35px ;height: 310px;width:200px;float: left">
             <div style="margin:0;height: 185px;width:200px">
                 <img src="img/p4.jpg">
             </div>
             <p><a href="#"> 极品岩茶正宗武夷特产&nbsp特级大红袍</a></p>
             <p style="color: #74c13f">商城价：￥58元 &nbsp;&nbsp;&nbsp;<input type="button" value="购买" style="background-color: #74c13f;color: white"></p>
         </div>
     </div>
    <div class="down_middle">
        <div class="top">
            <img src="img/xinping.jpg">
            <p style="float: right;color: grey">查看更多>></p>
        </div>
        <div style="margin: 20px 0 0 35px ;height: 310px;width:200px;float: left">
            <div style="margin:0;height: 185px;width:200px">
                <img src="img/c1.jpg">
            </div>
            <p><a href="#"> 极品岩茶正宗武夷特产&nbsp特级大红袍</a></p>
            <p style="color: #74c13f">商城价：￥58元 &nbsp;&nbsp;&nbsp;<input type="button" value="购买" style="background-color: #74c13f;color: white"></p>
        </div>
        <div style="margin: 20px 0 0 35px ;height: 310px;width:200px;float: left">
            <div style="margin:0;height: 185px;width:200px">
                <img src="img/c2.jpg">
            </div>
            <p><a href="#"> 极品岩茶正宗武夷特产&nbsp特级大红袍</a></p>
            <p style="color: #74c13f">商城价：￥58元 &nbsp;&nbsp;&nbsp;<input type="button" value="购买" style="background-color: #74c13f;color: white"></p>
        </div>
        <div style="margin: 20px 0 0 35px ;height: 310px;width:200px;float: left">
            <div style="margin:0;height: 185px;width:200px">
                <img src="img/c3.jpg">
            </div>
            <p><a href="#"> 极品岩茶正宗武夷特产&nbsp特级大红袍</a></p>
            <p style="color: #74c13f">商城价：￥58元 &nbsp;&nbsp;&nbsp;<input type="button" value="购买" style="background-color: #74c13f;color: white"></p>
        </div>
        <div style="margin: 12px 0 0 35px ;height: 310px;width:200px;float: left">
            <div style="margin:0;height: 185px;width:200px">
                <img src="img/c4.jpg">
            </div>
            <p><a href="#"> 极品岩茶正宗武夷特产&nbsp特级大红袍</a></p>
            <p style="color: #74c13f">商城价：￥58元 &nbsp;&nbsp;&nbsp;<input type="button" value="购买" style="background-color: #74c13f;color: white"></p>
        </div>
    </div>
    <div class="down_bottom">
        <div class="top">
            <img src="img/shangping.jpg">
            <p style="float: right;color: grey">查看更多>></p>
        </div>
        <div style="margin: 20px 0 0 35px ;height: 310px;width:200px;float: left">
            <div style="margin:0;height: 185px;width:200px">
                <img src="img/m1.jpg">
            </div>
            <p><a href="#"> 极品岩茶正宗武夷特产&nbsp特级大红袍</a></p>
            <p style="color: #74c13f">商城价：￥58元 &nbsp;&nbsp;&nbsp;<input type="button" value="购买" style="background-color: #74c13f;color: white"></p>
        </div>
        <div style="margin: 20px 0 0 35px ;height: 310px;width:200px;float: left">
            <div style="margin:0;height: 185px;width:200px">
                <img src="img/m2.jpg">
            </div>
            <p><a href="#"> 极品岩茶正宗武夷特产&nbsp特级大红袍</a></p>
            <p style="color: #74c13f">商城价：￥58元 &nbsp;&nbsp;&nbsp;<input type="button" value="购买" style="background-color: #74c13f;color: white"></p>
        </div>
        <div style="margin: 20px 0 0 35px ;height: 310px;width:200px;float: left">
            <div style="margin:0;height: 185px;width:200px">
                <img src="img/m3.jpg">
            </div>
            <p><a href="#"> 极品岩茶正宗武夷特产&nbsp特级大红袍</a></p>
            <p style="color: #74c13f">商城价：￥58元 &nbsp;&nbsp;&nbsp;<input type="button" value="购买" style="background-color: #74c13f;color: white"></p>
        </div>
        <div style="margin: 12px 0 0 35px ;height: 310px;width:200px;float: left">
            <div style="margin:0;height: 185px;width:200px">
                <img src="img/m4.jpg">
            </div>
            <p><a href="#"> 极品岩茶正宗武夷特产&nbsp特级大红袍</a></p>
            <p style="color: #74c13f">商城价：￥58元 &nbsp;&nbsp;&nbsp;<input type="button" value="购买" style="background-color: #74c13f;color: white"></p>
        </div>
    </div>
</div>
 <div style="margin: 0 auto; width:980px">
<div id="bottom">
<img style="width:980px" src="img/dd.jpg">
</div>
</div>
</body>
</html>